import React, { FC } from 'react';
import { BsInboxes } from 'react-icons/bs';
import { IEmptyProps } from '@/interface';

import './index.less';

const Empty: FC<IEmptyProps> = props => {
  const { image, desc = '暂无数据', imgStyle } = props;
  return (
    <div className="empty-wrap">
      <div className="img" style={imgStyle}>
        {image ? <img src={image} /> : <BsInboxes />}
      </div>
      <p className="desc">{desc}</p>
    </div>
  );
};

export default Empty;
